import React from 'react'

interface BlazeProps {
  className?: string
}

const Blaze = ({ className }: BlazeProps) => (
  <svg xmlns="http://www.w3.org/2000/svg" className={className} fill="none" viewBox="0 0 20 36">
    <path
      fill="url(#paint0_radial)"
      d="M17.89 20.947c1.827 2.219 2.551 5.324 1.858 8.113-.693 2.789-2.866 5.8-5.512 6.908.693-.982 1.45-2.662 1.512-3.866.063-1.204-.567-2.503-1.7-2.884-1.355-.443-2.898.602-4.253.095-.724-.285-1.228-.95-1.48-1.71-.252-.73-.283-1.332-.315-2.124-.063.127.063-.127 0 0-1.417 1.3-2.205 3.169-2.33 5.102-.127 1.933.472 3.866 1.7 5.356-2.11-.793-4.031-1.997-5.449-3.771-1.448-1.743-2.267-4.12-1.858-6.338.473-2.567 2.394-4.596 4.158-6.497 1.795-1.901 3.59-4.12 3.622-6.75.031-1.996-.945-3.866-1.197-5.831-.284-2.504.756-5.134 2.708-6.75-.881 3.042-.567 6.56 1.323 9.127.914 1.236 2.079 2.25 3.024 3.454.945 1.204 1.7 2.694 1.512 4.215-.095.887-.504 1.711-.882 2.535-.347.824-.662 1.711-.536 2.599.126.887.82 1.774 1.701 1.806.693.032 1.323-.444 1.7-1.014.379-.602.505-1.3.6-1.965"
    />
    <defs>
      <radialGradient
        id="paint0_radial"
        cx="0"
        cy="0"
        r="1"
        gradientTransform="matrix(31.5126 0 0 31.7068 10.146 32.854)"
        gradientUnits="userSpaceOnUse"
      >
        <stop offset="0.013" stopColor="#FFD00B" />
        <stop offset="0.272" stopColor="#FF7415" />
        <stop offset="0.725" stopColor="#FF2B15" />
      </radialGradient>
    </defs>
  </svg>
)

export default Blaze
